@import 'client/styles/variables';

.fiber {
  position: relative;
  width: 100%;
  height: 100%;

  .nav {
    text-align: center;
    border-bottom: 1px solid #f0f0f0;

    .item {
      display: inline-block;
      margin: 0 8px;
      height: 42px;
      padding: 8px 8px;
      color: $color-text1-3;

      > i {
        margin-right: 4px;
      }
      
      &:active {
        text-decoration: none;
      }

      &.active {
        color: $color-brand1-6;
        border-bottom: 2px solid $color-brand1-6;
      }
    }
  }

  .editor {
    position: absolute;
    width: 100%;
    height: 100%;
  }

  .block {
    position: relative;
    min-height: calc(100% - 56px);
    border-top: 1px solid white;
  }
}